<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./static/css/reset.css">
    <link rel="stylesheet" href="./static/css/index.css">
    <link rel="stylesheet" href="./static/css/transport.css">
    <script src="./static/js/jquery.min.js"></script>
    <script src="./static/js/global.js"></script>
    <script src="./static/js/action.js"></script>
    <script src="./static/js/page_action.js"></script>
    <script src="./static/js/spark-md5.min.js"></script>
    <title>索特网盘</title>
</head>

<body onload="loadPage()">
    <div class="inner">
        <!-- 顶部 -->
        <div class="top clearfix">
            <!-- logo -->
            <div class="logo fl">
                <img class="fl" src="./static/imgs/logo.png" alt="logo">
                <h1 onclick="returnIndex()">索特网盘</h1>
            </div>
            <!-- 用户信息和退出 -->
            <div class="user-logout fr">
                <div class="user fl">
                    <img src="./static/imgs/user.png" alt="user">
                    <a href="" class="username"></a>
                    <script>
                        $(".username").text(username);
                    </script>
                </div>
                <div class="logout">[ <a href="javascript:;" onclick="logout()">退出</a> ]</div>
            </div>
            <!-- 顶部功能 -->
            <ul class="nav-title">
                <div class="line fl"></div>
                <li class="active" onclick="toDisk()">
                    <a href="javascript:;">我的网盘</a>
                </li>
                <li onclick="toTransport()">
                    <a href="javascript:;">传输列表</a>
                </li>
                <li class="share">
                    <a href="">好友分享</a>
                </li>
                <div class="line fl"></div>
            </ul>
        </div>
        <!-- 正文 -->
        <div class="main clearfix">
            <!-- 左侧标题 -->
            <!-- 网盘 -->
            <div class="left disk fl">
                <div class="title active" style="margin-top: 20px;">
                    <i class="disk-iconfont1"></i>
                    <a href="#">全部文件</a>
                </div>
                <div class="title">
                    <a href="#">图片</a>
                </div>
                <div class="title">
                    <a href="#">文档</a>
                </div>
                <div class="title">
                    <a href="#">音频</a>
                </div>
                <div class="title">
                    <i class="disk-iconfont2"></i>
                    <a href="#">回收站</a>
                </div>
            </div>
            <!-- 传输列表 -->
            <div class="left trans fl" style="display: none;">
                <div class="title" style="margin-top: 20px;background: #d0e3ea">
                    <i class="uploading_icon"></i>
                    <a href="javascript:;">正在上传</a>
                </div>
                <div class="title">
                    <i class="downloading_icon"></i>
                    <a href="javascript:;">正在下载</a>
                </div>
                <!-- <div class="title">
                    <a href="javascript:;">传输完成</a>
                </div> -->
            </div>
            <!-- 右侧正文 -->
            <div class="right">
                <!-- 主体显示信息 -->
                <div class="main-content">
                    <!-- 功能列表 -->
                    <div class="features clearfix">
                        <ul>
                            <!-- 上传 -->
                            <li class="upload">
                                <div class="feature_one">
                                    <i class="iconfont-upload"></i>
                                    <button>上传</button>
                                </div>
                                <ul class="upload_file">
                                    <form method="post" id="filename" name="filename" enctype="multipart/form-data">
                                        <label for="file">
                                            <input type="file" id="file" name="uploadfile" style="display: none;">
                                            <li class="file">上传文件</li>
                                        </label>
                                    </form>
                                    <form method="post" id="filesname" name="filesname" enctype="multipart/form-data">
                                        <label for="folder">
                                            <input type="file" id="folder" name="uploadfile" webkitdirectory
                                                style="display: none;" onclick="uploadDir()">
                                            <li class="file">上传文件夹</li>
                                        </label>
                                    </form>
                                </ul>
                            </li>
                            <!-- 新建文件夹 -->
                            <li class="new" onclick="isNew()">
                                <i class="iconfont-newdir"></i>
                                <button>新建文件夹</button>
                            </li>
                            <!-- 刷新 -->
                            <li class="refresh" onclick="refresh()">
                                <i class="iconfont-refresh"></i>
                                <button>刷新</button>
                            </li>
                            <!-- 更多按钮 -->
                            <div class="more">
                                <li onclick="downloadFile()">
                                    <i class="iconfont-download"></i>
                                    <button>下载</button>
                                </li>
                                <li onclick="deleteFile()">
                                    <i class="iconfont-delete"></i>
                                    <button>删除</button>
                                </li>
                                <li onclick="shareFile()">
                                    <i class="iconfont-share"></i>
                                    <button>分享</button>
                                </li>
                                </li>
                        </ul>
                    </div>
                    <!-- 返回上一级 -->
                    <div class="return">
                        <span class="last_file" onclick="returnFile()">返回上一级</span>
                        <span class="file_system"></span>
                    </div>
                    <!-- 文件目录和详情 -->
                    <div class="content">
                        <table>
                            <tbody>
                                <tr class="trstyle">
                                    <td class="tdwidthbox">
                                        <label onclick="checkall()" class="checklabel">
                                            <input type="checkbox" class="checkbox">
                                            <i class="check"></i>
                                        </label>
                                    </td>
                                    <td class="tdwidth1">文件名</td>
                                    <td class="tdwidth2">大小</td>
                                    <td class="tdwidth3">修改日期</td>
                                </tr>
                            </tbody>
                            <tbody></tbody>
                        </table>
                        <!-- 右键菜单 -->
                        <ul class="menu">
                            <li onclick="downloadFile()">下载</li>
                            <li onclick="renameFile()">重命名</li>
                            <li onclick="deleteFile()" style="border-bottom: none;">删除</li>
                        </ul>
                    </div>
                </div>
                <!-- 传输列表 -->
                <div class="transport-content" style="display: none;">
                    <!-- 没有上传任务 -->
                    <div class="nothing">
                        <div class="img">
                            <img src="./static/imgs/no_upload.png" alt="no_upload">
                            <img src="./static/imgs/no_download.png" alt="no_download">
                        </div>
                        <div class="info">当前没有上传任务喔~</div>
                    </div>
                    <!-- 上传 -->
                    <div class="upload-progress" style="display: block;">
                        <!-- 头部信息：上传总进度和暂停/取消按钮 -->
                        <div class="head">
                            <h3>
                                <div class="head-title">
                                    <span class="select-text">上传总进度</span>
                                    <div class="total-process">
                                        <span class="total" style="width: 0;"></span>
                                    </div>
                                </div>
                            </h3>
                            <div class="control clearfix">
                                <button class="total-pause" onclick="pauseList()">全部暂停</button>
                                <button class="total-cancel" onclick="cancelList()">全部取消</button>
                            </div>
                        </div>
                        <!-- 主体 -->
                        <div class="body">
                            <div class="load-info">
                                <div class="file-name">文件名</div>
                                <div class="file-size">大小</div>
                                <div class="file-path">上传目录</div>
                                <div class="file-status">状态</div>
                                <div class="file-operate">操作</div>
                            </div>
                            <!-- 错误信息 -->
                            <div class="upload-error">
                                <div class="info">严禁利用网盘上传、传播暴力恐怖、色情违法及侵犯他人合法权益的违法信息，一经发现将严格按照相关法律法规处理。</div>
                                <em class="close">x</em>
                            </div>
                            <!-- 上传的文件目录 -->
                            <div class="load-list">
                                <ul id="uploadList">
                                    <!-- <li class="status"> -->
                                    <!-- 背景进度 -->
                                    <!-- <div class="process"></div>
                                        <div class="file-info">
                                            <div class="file-name">nand-ipq807x_64-apps(3).img</div>
                                            <div class="file-size">34.8M</div>
                                            <div class="file-path">music</div>
                                            <div class="file-status">准备上传</div>
                                            <div class="file-operate">
                                                <em class="continue"></em>
                                                <em class="remove"></em>
                                            </div>
                                        </div> -->
                                    <!-- </li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- 下载 -->
                    <div class="download-progress" style="display: none;">
                        <!-- 头部信息：上传总进度和暂停/取消按钮 -->
                        <div class="head">
                            <h3>
                                <div class="head-title">
                                    <span class="select-text">下载总进度</span>
                                    <div class="total-process">
                                        <span class="total" style="width: 70%;"></span>
                                    </div>
                                </div>
                            </h3>
                            <div class="control clearfix">
                                <button class="total-pause" onclick="pauseList()">全部暂停</button>
                                <button class="total-cancel" onclick="cancelList()">全部取消</button>
                            </div>
                        </div>
                        <!-- 主体 -->
                        <div class="body">
                            <div class="load-info">
                                <div class="file-name">文件名</div>
                                <div class="file-size">大小</div>
                                <div class="file-path">下载目录</div>
                                <div class="file-status">状态</div>
                                <div class="file-operate">操作</div>
                            </div>
                            <!-- 下载的文件目录 -->
                            <div class="load-list">
                                <ul id="downloadList">
                                    <!-- <li class="status">
                                        <div class="process"></div>
                                        <div class="file-info">
                                            <div class="file-name">nand-ipq807x_64-apps(3).img</div>
                                            <div class="file-size">34.8M</div>
                                            <div class="file-path">music</div>
                                            <div class="file-status">准备下载</div>
                                            <div class="file-operate">
                                                <em class="continue"></em>
                                                <em class="remove"></em>
                                            </div>
                                        </div>
                                    </li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <!-- <div class="bottom"></div> -->
    </div>
    <script src="./static/js/index.js"></script>
</body>
<script>
    $(".user-logout .user a")[0].href = account_href;
    $(".share a")[0].href = share_href;
</script>

</html>